<template>
  <div>
    <div>mixinData: {{mixinData}}</div>
    <div>mixinData1: {{mixinData1}}</div>
    <div>mixinComputedData: {{mixinComputedData}}</div>
    <button @click="mixinData = 'mixin修改的值'">修改mixinData</button>
  </div>
</template>

<script>
  import {mixinDemo} from "./mixin";
  export default {
    name: "mixin",
    mixins: [mixinDemo],
    data(){
      return {
      }
    },
    methods: {
      func() {
        console.log('func');
      },
      mixinFunc2() {
        console.log('我覆盖了mixin的方法');
      }
    },
    created() {
      console.log('这是mixin入口初始化')
    }
  }
</script>

<style scoped>

</style>
